<template>
  <div class="head">
    <h1 class="title">北京急救信息平台—调度指挥中心</h1>
  </div>
</template>

<script>
export default {
  name: "Head",
};
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
.head {
  background: url("../assets/image/headbg.png") no-repeat;
  background-size: 100% 100%;
  height: 10%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.title {
  color: #fff;
  text-shadow: 1px 1px 1px #fff;
  text-align: center;
  font-size: 30px;
}
</style>